import { ref } from 'vue'
export function useScroll () {
  const y = ref(0)
  // 核心逻辑：y始终存放着距离顶部的像素值 并且y是一个响应式的
  // 1. 响应式  2.始终跟着滚动事件来发生变化
  window.addEventListener('scroll', () => {
    // 不断的给y赋值当前拿到的距离顶部的像素值
    const scrollT = document.documentElement.scrollTop
    y.value = scrollT
  })
  // y.value = document.documentElement.scrollTop
  return { y }
}
